<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>首页</title>
    <!--static-->
    <link rel="stylesheet" href="css/main.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/swiper.css"/>
    <script src="static/js/jquery-1.11.3.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <!--other-->
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/style.js"></script>
    <script src="static/js/style.min.js"></script>
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<!--header-->
<div class="headerIndex">
    <div class="container">
        <div class="header clearfix row">
            <div class="logo">
                <a href="index.html"></a>
            </div>
            <div class="nav tc">
                <ul>
                    <a href="index.html">
                        <li class="active">项目库</li>
                    </a>
                    <a href="my-project.html">
                        <li>我的项目</li>
                    </a>
                    <a href="dynamic.html">
                        <li>动态</li>
                    </a>
                    <a href="about.html">
                        <li>关于我们</li>
                    </a>
                </ul>
            </div>

            <div class="fr personalCenter">
                <div class="serch fl">
                    <input type="text"/>
                    <i></i>
                </div>

                <ul class="content hidden fl">
                    <li>
                        <a href="#">
                            <img class="fl" src="img/headerIndex_001.png" alt=""/>
                            <span class="userNameIndex">Willian Mo <i class="fa fa-caret-down"></i></span>
                        </a>
                        <ul class="list">
                            <li class="listIndex active"><a href="personal-center.html">个人中心</a></li>
                            <li class="listIndex"><a href="create-project.html">创建项目 </a></li>
                            <li class="listIndex"><a href="my-project.html">我的项目</a></li>
                            <li><a class="logOff" href="login.html">退出登录</a></li>
                        </ul>
                    </li>
                </ul>
                <ul class="content  fl ml8">
                    <a href="login.html">
                        <li class="fl">登录 | </li>
                    </a>
                    <a href="reg.html">
                        <li class="fl">&nbsp;注册</li>
                    </a>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="container">
    <div class="row">
        <!--banner-->
        <div class="bannerIndex">
            <!-- Swiper -->
            <div class="swiper-container">
                <div class="swiper-wrapper">
                    <div class="swiper-slide"><img src="img/banner_001.jpg" alt=""/></div>
                    <div class="swiper-slide"><img src="img/banner_001.jpg" alt=""/></div>
                    <div class="swiper-slide"><img src="img/banner_001.jpg" alt=""/></div>
                    <div class="swiper-slide"><img src="img/banner_001.jpg" alt=""/></div>
                    <div class="swiper-slide"><img src="img/banner_001.jpg" alt=""/></div>
                    <div class="swiper-slide"><img src="img/banner_001.jpg" alt=""/></div>
                </div>
                <!-- Add Pagination -->
                <div class="swiper-pagination"></div>
            </div>
        </div>
        <!--nav-->
        <div class="navIndex clearfix">
            <p>项目领域</p>
            <ul>
                <li class="active">电商</li>
                <li>社交</li>
                <li>硬件</li>
                <li>文娱传媒</li>
                <li>工具</li>
                <li>消费生活</li>
                <li>VR/AR</li>
                <li>共享经济</li>
                <li>金融</li>
                <li>医疗健康</li>
                <li>企业服务</li>
                <li>旅游</li>
                <li>房产</li>
                <li>家居</li>
                <li>体育</li>
                <li>出海</li>
                <li>教育</li>
                <li>汽车交通</li>
                <li>物流</li>
                <li>人工智能</li>
                <li>无人机</li>
                <li>机器人</li>
                <li>农业</li>
                <li>消费升级</li>
            </ul>
        </div>
        <!--content-->
        <div class="contentIndex">
            <div class="list">
                <a href="project-details.html" class="">
                    <img src="img/contentIndex_001.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">灵活鱼</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w80"></div>
                            </li>
                            <li class="fl">80%</li>
                        </ul>
                        <p>
                            <span class="tc fl">工具</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">675</strong></small>
                        </p>
                    </div>
                </a>
                <a href="project-details.html" class=" ">
                    <img src="img/contentIndex_002.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">小智智能机器人</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">人工智能</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">354</strong></small>
                        </p>
                    </div>
                </a>
                <a href="project-details.html" class="">
                    <img src="img/contentIndex_003.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">新疆战斗无人机</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">无人机</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">123</strong></small>
                        </p>
                    </div>
                </a>
            </div>
            <div class="list">
                <a href="project-details.html">
                    <img src="img/contentIndex_004.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">投影仪的应用软件</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">智能硬件</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">554</strong></small>
                        </p>
                    </div>
                </a>
                <a href="project-details.html" class="">
                    <img src="img/contentIndex_005.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">智能扫地机器人</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">机器人</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">887</strong></small>
                        </p>
                    </div>
                </a>
                <a href="project-details.html" class="">
                    <img src="img/contentIndex_006.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">用情怀再造收音机</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">家居</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">126</strong></small>
                        </p>
                    </div>
                </a>
            </div>
            <div class="list">
                <a href="project-details.html">
                    <img src="img/contentIndex_007.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">年轻人得最后一块表</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">消费升级</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">554</strong></small>
                        </p>
                    </div>
                </a>
                <a href="project-details.html" class="">
                    <img src="img/contentIndex_008.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">无人驾驶项目</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">人工智能</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">887</strong></small>
                        </p>
                    </div>
                </a>
                <a href="project-details.html" class="">
                    <img src="img/contentIndex_009.png" alt=""/>

                    <div class="pd">
                        <h2 class="tc">智能平衡车</h2>
                        <ul>
                            <li class="fl">项目进度</li>
                            <li class="fl progressBar ">
                                <div class="progressBarColor w60"></div>
                            </li>
                            <li class="fl">60%</li>
                        </ul>
                        <p>
                            <span class="tc fl">硬件</span>
                            <small class="fr"><i class="fl"></i> <strong class="fl">126</strong></small>
                        </p>
                    </div>
                </a>
            </div>

        </div>
        <!-- pagination -->
        <div class="paginationIndex">
            <div class="listPage fr">
                <a class="prev fl" href="Javascript:void(0)">上一页</a>

                <p class="fl">
                    <a class="number active" href="Javascript:void(0)">1</a>
                    <a class="number " href="Javascript:void(0)">2</a>
                    <a class="number " href="Javascript:void(0)">3</a>
                    <a class="number " href="Javascript:void(0)">4</a>
                    <a class="number " href="Javascript:void(0)">5</a>
                    <a class="number " href="Javascript:void(0)">6</a>
                </p>
                <a class="next fl" href="Javascript:void(0)">下一页</a>
            </div>
        </div>
        <!--footerIndex -->
        <div class="footer">
            <ul>
                <a href="about.html">
                    <li class="fl">
                        <img src="img/paginationI_001.png" alt=""/>
                        <span>关于我们</span>
                    </li>
                </a>
                <a href="">
                    <li class="fl">
                        <img src="img/paginationI_002.png" alt=""/>
                        <span>联系我们（187-1111-1111）</span>
                    </li>
                </a>
                <a href="">
                    <li class="fl">
                        <img src="img/paginationI_003.png" alt=""/>
                        <span>商务合作</span>
                    </li>
                </a>

            </ul>
            <div class="returnTop">
                <div class="returnIcon">
                    <img src="img/returnTop_001.png" alt="">
                </div>
                <div class="codeIcon">
                    <img src="img/returnTop_002.png" alt="">

                    <div class="code">
                        <img src="img/code.jpg" alt=""/>
                    </div>
                </div>
            </div>
        </div>
        <div class="copyrightIndex tc">&copy; 2017 willIan Mo All Rights Restseved</div>

    </div>
</div>
</body>
<script>
    var swiper = new Swiper('.bannerIndex .swiper-container', {
        pagination: '.swiper-pagination',
        paginationClickable: true,
        loop: true,
        autoplay: 5000
    });
</script>
</html>